<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园报修系统</title>
    <link rel="icon" href="ICO.png">
    <link rel="stylesheet" href="bootstrap-5.3.3-dist/bootstrap.min.css">
    <link rel="stylesheet" href="css.css">
</head>

<body>
    <div class="main-div">
        <h2 class="index-h2">校 园 报 修 系 统 —— 找 回 密 码</h2>
        <div class="logo-div">
            <img src="shouye.png" />
        </div>
        <div class="form-div">
            <!-- 找回密码表单开始 -->
            <form action="" method="post">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="u_uid" placeholder="请输入需要找回密码的账号" required>
                    <label for="u_uid">请输入需要找回密码的账号</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="password" class="form-control" id="u_phone" placeholder="请输入预留的11位手机号" required>
                    <label for="u_phone">请输入预留的11位手机号</label>
                </div>
                <div class="form-check-div" id="shenfen">
                    &nbsp;&nbsp;&nbsp;选 择 身 份：
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="shenfen" id="R1" value="1" checked>
                        <label class="form-check-label" for="R1">系统用户</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="shenfen" id="R2" value="2">
                        <label class="form-check-label" for="R2">维修员</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="shenfen" id="R3" value="3">
                        <label class="form-check-label" for="R3">管理员</label>
                    </div>
                </div>
                <div class="form-floating mb-3">
                    <input type="password" class="form-control" id="u_pwd" placeholder="请输入新的8-20位的登录密码" required>
                    <label for="u_pwd">请输入新的8-20位的登录密码</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="password" class="form-control" id="u_rpwd" placeholder="请二次确认密码" required>
                    <label for="u_rpwd">请二次确认密码</label>
                </div>
                <div class="form-sub-div mb-3">
                    <button type="submit" class="btn btn-outline-light form-control">提 交 找 回 密 码 申 请 ☑</button>
                </div>
            </form>
            <!-- 找回密码表单结束 -->
            <div class="form-other-div mb-3">
                <a href="index.html">
                    <button type="button" class="btn btn-outline-light form-control">想起了密码，返回登录 🔙</button>
                </a>
            </div>
        </div>
    </div>
</body>

</html>